<template>
    <div class="wai">
        <!-- 安踏儿童 -->
        <img class="cur" src="https://img.fishfay.com/theme/images/antacom/antakids/cooperation-bg-20191024.jpg" alt="">
        
        <div class="akcon">
            <div class="aktop">
                <router-link to="/antakids/introduction" id="xuanxiang">
                    <img id="akpic" src="https://img.fishfay.com/theme/images/antacom/antakids/icon-introduction-g.svg" alt="">
                                     
                    <span class="mingzi">品牌介绍</span>
                </router-link>
                <router-link to="/antakids/spokesperson" 
                
                id="xuanxiang">
                    <img id="akpic" src="https://img.fishfay.com/theme/images/antacom/antakids/icon-spokesperson-g.svg" alt="">
                    
                    <span class="mingzi">品牌代言人</span>
                </router-link>
                <router-link to="/antakids/equipment" id="xuanxiang">                
                    <img id="akpic" src="https://img.fishfay.com/theme/images/antacom/antakids/icon-equipment-g.svg" alt="">
                    <span class="mingzi">运动装备</span>
                </router-link>
                <router-link to="/antakids/technology" id="xuanxiang">
                
                    <img id="akpic" src="https://img.fishfay.com/theme/images/antacom/antakids/icon-technology-g.svg" alt="">
                    <span class="mingzi">运动科技</span>
                </router-link>
                <router-link to="/antakids/starproduct" id="xuanxiang">
                
                    <img id="akpic" src="https://img.fishfay.com/theme/images/antacom/antakids/icon-starproduct-g.svg" alt="">
                    <span class="mingzi">纽约时装周</span>
                </router-link>
                <router-link to="/antakids/cooperation" id="xuanxiang" class="akcur">
                
                    <img id="akpic" src="https://img.fishfay.com/theme/images/antacom/antakids/icon-cooperation-o.svg" alt="">
                    <span class="mingzi">跨界合作</span>
                </router-link>
                <router-link to="/antakids/terminal" id="xuanxiang"  
                >
                    <img id="akpic" src="https://img.fishfay.com/theme/images/antacom/antakids/icon-terminal-g.svg" alt="">
                    <span class="mingzi">终端形象</span>
                </router-link>
                <router-link to="/antakids/meeting" id="xuanxiang"
               >
                    <img  id="akpic" src="https://img.fishfay.com/theme/images/antacom/antakids/icon-meeting-g.svg" alt="">
                    <span class="mingzi">顽运会</span>
                </router-link>
                
            </div>
            <div class="akbody">
                <br>
        <p class="center bold"><img class="loading" original="https://img.fishfay.com/theme/images/logo/logo-antakids-o.svg" alt="" style="height: 40px; width: auto; max-width: 100%; display: inline;" src="https://img.fishfay.com/theme/images/logo/logo-antakids-o.svg"></p>
        <br>
        <p class="center">依托强势品牌资源，安踏儿童与国际知名IP形象：蜘蛛侠、tokidoki、Hello Kitty、冰雪奇缘2等展开合作，推出联名商品。</p>
        <br>
        <ul class="coop-list">
					<li><img class="loading" original="https://img.fishfay.com/theme/images/antacom/antakids/2019/1118/coop-01.png" alt="" src="https://img.fishfay.com/theme/images/antacom/antakids/2019/1118/coop-01.png" style="display: inline;"></li>
					<li><img class="loading" original="https://img.fishfay.com/theme/images/antacom/antakids/2019/1118/coop-02.png" alt="" src="https://img.fishfay.com/theme/images/antacom/antakids/2019/1118/coop-02.png" style="display: inline;"></li>
					<li><img class="loading" original="https://img.fishfay.com/theme/images/antacom/antakids/2019/1118/coop-03.png" alt="" src="https://img.fishfay.com/theme/images/antacom/antakids/2019/1118/coop-03.png" style="display: inline;"></li>
					<li><img class="loading" original="https://img.fishfay.com/theme/images/antacom/antakids/2019/1118/coop-04.png" alt="" src="https://img.fishfay.com/theme/images/antacom/antakids/2019/1118/coop-04.png" style="display: inline;"></li>
		</ul>
        <p class="center"><img class="loading" original="https://img.fishfay.com/theme/images/antacom/antakids/2019/1118/coop-05-mv.jpg" alt="" style="width: 80%; display: inline;" src="https://img.fishfay.com/theme/images/antacom/antakids/2019/1118/coop-05-mv.jpg"></p>
        <br>
        <p class="center">安踏儿童×漫威联名商品<br>
				十年布局，《复仇者联盟4》上映迎来热血终章。新生英雄在终局之战进入平行世界，解锁装备，加入集结！安踏儿童×漫威联名商品于2019年4月20日全面上市。We Create Our Own Heroes！</p>
        <br><br><br>
        <p class="center"><img class="loading" original="https://img.fishfay.com/theme/images/antacom/antakids/2019/1118/coop-06-toki.jpg" alt="" style="width: 80%; display: inline;" src="https://img.fishfay.com/theme/images/antacom/antakids/2019/1118/coop-06-toki.jpg"></p>
        <br>
        <p class="center">安踏儿童×tokidoki联名款商品<br>
				安踏儿童的品牌主张是“顽出成长”，而tokidoki则象征一个可爱、快乐且纯真的世界，鼓励大家追逐自己的梦想。两个理念契合的品牌第一次进行灵感的碰撞，希望激发每个孩子内心隐藏的强大梦想顽力，跨界商品以tokidoki独角兽、小恐龙、爱心交叉骨等经典形象为主要元素，在保留tokidoki时尚潮流特质外，也注入了安踏儿童“顽力”灵魂，令时尚感与运动感更好的融合。</p>
        <br><br><br>
        <p class="center"><img class="loading" original="https://img.fishfay.com/theme/images/antacom/antakids/2019/1118/coop-07-hk.jpg" alt="" style="width: 80%; display: inline;" src="https://img.fishfay.com/theme/images/antacom/antakids/2019/1118/coop-07-hk.jpg"></p>
        <br>
        <p class="center">安踏儿童×Hello Kitty 45周年限定款<br>
				因为甜美可爱的形象而迅速风靡世界各地的Hello Kitty，红到2019年，她已经在线营业45年。今年安踏儿童与Hello Kitty联名推出了45周年限定款，简约廓型，运动百搭
				<br>丰富活力少女的日常穿搭；防风保暖羊羔绒带来独特、舒适触感，充满了活力感和时尚感。</p>
        <br><br><br>
        <p class="center"><img class="loading" original="https://img.fishfay.com/theme/images/antacom/antakids/2019/1118/coop-08-snow.jpg" alt="" style="width: 80%; display: inline;" src="https://img.fishfay.com/theme/images/antacom/antakids/2019/1118/coop-08-snow.jpg"></p>
        <br>
        <p class="center">安踏儿童·冰雪奇缘2授权合作系列<br>
				安踏儿童·冰雪奇缘2授权合作系列不仅融入了《冰雪奇缘》这部热门IP的设计元素，还大胆用色，高端紫、高端蓝让人印象深刻。摆脱了传统童装的稚气审美，安踏儿童把“Cool”女孩的设计理念渗透到产品中，“公主”不再是弱者需要保护，女孩也可以很有力量，整体设计充满活力。在品类上从羽绒服、上衣、裙装和鞋子应有尽有，涵盖了中小童、中大童，全面满足顽童校园生活、户外时尚、运动休闲场合的着装需求，为产品系列建立了鲜明独特的形象。</p>
        <br>
            </div>
        </div>
        
        
    </div>

</template>

<script>
    export default {
        
    }
</script>

<style lang="scss" scoped>
*{
    box-sizing: border-box;
}
.wai{
    background-color: black;
    padding-bottom: 130px;
}
.wai>img{
    margin: 0 auto;
    display: block;
}
.akcon{
    background-color: #fff;
    width: 1200px;
    // height: 900px;
    margin: -120px auto 0 ;
    z-index: 2; 
    position: relative;
    padding: 55px;
}   

#akpic{
    width: 60px;
    height: 60px;
    margin: 10px 27.5px;
}
.aktop{
    display: flex;
    height: 210px;
    margin: 0 auto;
    justify-content: space-between;
}
.mingzi{
    display: block;
    color: #333;
    padding: 10px;
}
#xuanxiang{
    margin: 0 10px 10px;
    padding: 40px 0;
    display: flex;
    flex-direction: column;
    font: normal 14px "微软雅黑",Arial,sans-serif;
    
}
.mingzi{
    margin: 0 auto;
}
.akcur{box-shadow: 0 0 4px #ddd;
       >span{
           color: black;
           font-weight: bold;} 
    }
.akbody{
    padding: 10px 45px;
    color: #666;
    font-size: 15px;
    line-height: 30px;
}
a{
    text-decoration: none;
}
.coop-list{
    text-align: center;
    height: 200px;
    padding-bottom: 80px;
    border-bottom: 1px solid #dbdbdb;
    margin-bottom: 80px;
    >li{
        display:inline-block;
        padding: 0 15px;
        height: 120px;
        position: relative;
        width: 140px;
       &:after {
            content: '';
            height: 30px;
            width: 1px;
            background: #b7b7b7;
            position: absolute;
            top: 50%;
            right: 0;
            margin-top: -15px;
        } 
    }
    img{
        vertical-align: middle;
        width: 110px;
    }
}
.akbody>p{
    text-align: center;

    
}

</style>